<template>
	<view class="content">
		<view class="card-content">
			<view class="title">到賬銀行卡</view>
			<view class="card-infor">
				<image class="bank-logo" src="../../../static/image/mine/bank-logo.png" mode=""></image>
				<view>中国银行（8008）</view>
				<image class="more" src="../../../static/image/mine/more.png" mode=""></image>
			</view>
			<view class="tips">24小時內到賬</view>
		</view>
		<view class="withdraw-content">
			<view class="title">提現金額</view>
			<view class="withdraw-num">
				<image src="../../../static/image/mine/price.png" mode=""></image>
				<input type="number"  />
			</view>
			<view class="tips">
				當前可用餘額 149.88 元，<text>全部提現</text>
			</view>
		</view>
		<view class="btn" @click="toUpload">
			提交
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			// 提交
			toUpload(){
				uni.navigateTo({
					url:'/pages/mine/submit/submit'
				})
			}
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #FAFAFA;
		.card-content{
			width:702rpx;height:260rpx;
			border-radius: 20rpx;
			background-image: url('../../../static/image/mine/card-bg.png');
			background-size: 100% 100%;
			margin-top:20rpx;margin-left:auto;
			margin-right:auto;box-sizing: border-box;
			padding:24rpx;
			.title{
				font-size:30rpx;color:#ffffff;line-height:42rpx;
			}
			.card-infor{
				margin-top:40rpx;display: flex;align-items:center;
				font-size:36rpx;color:#ffffff;line-height:50rpx;
				.bank-logo{
					width: 36rpx;height:36rpx;margin-right:10rpx;
				}
				.more{
					width:13rpx;height:20rpx;margin-left:10rpx;
				}
			}
			.tips{
				font-size:26rpx;line-height:37rpx;color:#ffffff;
				margin-top:5rpx;margin-left:46rpx;
			}
		}
		.withdraw-content{
			margin-top:24rpx;width:654rpx;margin-left:auto;
			margin-right:auto;
			.title{
				font-size:30rpx;line-height:42rpx;
				color:#040404;
			}
			.withdraw-num{
				margin-top:16rpx;padding:30rpx 0;
				display: flex;align-items: center;
				border-bottom:1px solid #F0F0F0;
				image{
					width:22rpx;height:26rpx;
				}
				input{
					margin-left:16rpx;font-size:40rpx;
				}
			}
		}
		.tips{
			margin-top:10rpx;font-size:20rpx;color:#040404;
			line-height:28rpx;
			text{
				color:#D71B0A;
			}
		}
		.btn{
			width: 650rpx;height:98rpx;background-color:#040404;
			position:absolute;bottom:30rpx;left:50rpx;
			display: flex;align-items: center;justify-content: center;
			font-size:36rpx;color:#ffffff;border-radius: 98rpx;
		}
	}
</style>
